.n{
	border: 1px solid red;
	padding: 30px 0px;
}
/*第一部分文字*/
.n1{
	font-family: "arial, helvetica, sans-serif";
	font-size: 16px;
	width: 300px;
	height: 40px;
	background-color: gainsboro;
	margin-left: 700px;
	display: flex;
	justify-content: center;
	align-items: center;
}
/*外线框*/
.n2{
width: 300px;
height: 75px;
border: 1px solid red;
margin-left: 710px;
margin-top: -70px;
}
/*第二部分*/
.n3{
	position: relative;
	background-color: #000000;
	color: ghostwhite;
	margin-left: 400px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 900px;
	height: 40px;
}
/*鼠标点击事件*/
.n4:hover{
padding: 10px 10px;
cursor: pointer;
background-color: red;
}
/*图片背景纵向平铺*/


.picture{
	
padding: 50px 0px;
        height: 100px;
        background: url(../img/7.jpg);
        
        position: absolute;
}


/*定制文字*/
.customization{
	font-size: 25px;
	font: bold;
	font-family: "bookman old style";	
    position: relative;
    top: 60px;
    margin-left: 300px;
    
}
/*定制流程*/
.customization1{
	font-size: 25px;
	color: black;
	font: bold;
}
/*横线*/
.customization2{
	color: red;
	font: bold;
}

/*预约咨询*/
.consult{
	
	background-color: #000000;
	width: 200px;
	height: 160px;
	border: 1px solid red;
}
/*设置logo背景*/
.consult1{
	display: flex;
	justify-content: center;
	padding: 20px 0px;
}
/*设置文字*/
.consult2{
margin-top: -30px;
	color: ghostwhite;
	display: flex;
	justify-content: center;
	padding: 15px 20px;
	font-size: 20px;
	font-family: "arial narrow";	
}

/*文字背景框*/
.consult3{
margin-top: -95px;
margin-left: 200px;
 width: 32px;
 height: 110px;
 background-color: red;
}
/*设置文字*/
.consult4{
	margin-left: 30px;	
    margin-top: -22px;
	padding: 20px 0px;
	width: 200px;
	height: 100px;
	border: 1px solid red; 	
	background-color: red;
	
}



/*流程----------------------------*/

/*控制总体位置*/
.lll{
	display: flex;
}
.test{
            	
            	padding: 205px 220px;
                float: left;
                width: 25%;
                box-sizing: border-box;
                margin-top: -130px;
                 min-width: 150px;
            }

            .container{
                width: 100%;
            }

            @media (max-width:615px ) {
                .test{
                    float: left;
                    width: 33%;
                    box-sizing: border-box;
                   
                    min-width: 150px;
                }
            }

            @media (max-width:465px ) {
                .test{
                    float: left;
                    width: 50%;
                    box-sizing: border-box;
                   
                    min-width: 150px;
                }
            }

            @media (max-width:315px ) {
                .test{
                    float: left;
                    width: 100%;
                    box-sizing: border-box;
                   

                }
            }
/*-------------------------*/

/*底部文字框*/
.notice{
	padding: 60px 50px;
	width: 700px;
	height: 130px;
	background-color: red;
	margin-left: 500px;
	margin-top: -307px;
}
.notice1{
	color: ghostwhite;	
font-size: 20px;
font-family: "arial, helvetica, sans-serif";	
}
.notice2{
font-size: 25px;	
}
.notice3{
color: ghostwhite;	
}

/*图片旋转*/
.photograph6{
padding: 10px 0px;
}
.photograph{
margin-left: 720px;
margin-top: -420px;
-webkit-transform:rotate(90deg);

}
.photograph1{
position: absolute;
left: 280px;
margin-top: -100px;
-webkit-transform:rotate(90deg);
}
.photograph2{

margin-top: -700px;
margin-left: 500px;

}
.photograph3{
margin-top: -100px;
margin-left: 950px;

}
.photograph4{
 -webkit-transform:rotate(-180deg);
margin-top: 300px;
margin-right: 630px;	
}
.photograph5{
	margin-top: -100px;
margin-right: 1050px;
 -webkit-transform:rotate(-180deg);		
}